<template>
  <el-container class="layout">
    <!-- 侧边栏 -->
    <Sidebar :collapse="false" />
    <el-container direction="vertical">
      <!-- 顶栏 -->
      <Header />
      <!-- 主体 -->
      <el-main class="main">
        <router-view />
      </el-main>
    </el-container>
  </el-container>
</template>

<script setup>
 
import Sidebar from '@/components/Sidebar.vue'
import Header  from '@/components/Header.vue'
</script>

<style scoped>
.layout {
  height: 100vh;
}
.main {
  background: #f5f7fa;
  padding: 0;
}
</style>